<template>
	<view>
		<view class="address">
		    <view class='address_01'>姓名 123123123</view>
		    <view class='address_02'>地址地址</view>
		    <view class='address_03'>
		      <view class='address_03_01 text-red'  >
				<text class="iconfont icon-duihaocheckmark17" style="font-size: 18px;padding-right: 10px;"></text>
		        默认地址 
		      </view>
		      <view class='address_03_02'>
		        <text class="iconfont icon-edit" style="font-size: 18px;"></text>
		        <span></span>
		        <text class="iconfont icon-delete" style="font-size: 18px;"></text>
		      </view>
		    </view>
		</view>
		<view class="address">
		    <view class='address_01'>姓名 123123123</view>
		    <view class='address_02'>地址地址</view>
		    <view class='address_03'>
		      <view class='address_03_01'  >
		    	<text class="iconfont icon-duihaocheckmark17" style="font-size: 18px;padding-right: 10px;"></text>
		        设为默认     
		      </view>
		      <view class='address_03_02'>
		        <text class="iconfont icon-edit" style="font-size: 18px;"></text>
		        <span></span>
		        <text class="iconfont icon-delete" style="font-size: 18px;"></text>
		      </view>
		    </view>
		</view>
		<view class="bbtn padding qy-bg-white">
			<view class=" flex flex-direction  bbtn_10" @click="jump_add">
				<button class="cu-btn bg-yellow text-white round lg" >新增地址</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			jump_add(){
				uni.navigateTo({
					url: '/pages/address/create-address/create-address',
				});
			}
		}
	}
</script>

<style lang="scss">
.address{background-color: #ffffff;border-bottom: 2rpx #EFEFEF solid;padding: 20rpx 30rpx;margin-bottom: 20rpx;}
.address_01{font-size: 16px;line-height: 50rpx;}
.address_02{color: #909090;border-bottom: 2rpx #EFEFEF dashed ;line-height: 60rpx;}
.address_03{display: flex;justify-content: space-between;padding-top: 20rpx;}
 
.address_03_01{
  display: flex;
  flex-direction: row;
  align-items: center
}
.address_03_02 span{padding-left: 10px;}
.bbtn{position: fixed;bottom: 0;width: 100%;z-index: 9;}
</style>
